<?xml version="1.0" encoding="utf-8" ?>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>User Query Tickets</title>
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/icon.css"/>

<script type="text/javascript" src="js/util/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/util/easyui/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/color.css">

</head>
<body>
    <h2>票务信息</h2>
    
    <table id="dg" title="All Available Tickets" class="easyui-datagrid" style="width:700px;height:250px"
            url="TicketQueryServlet"
            toolbar="#toolbar" pagination="true"
            rownumbers="true" fitColumns="true" singleSelect="true">
        <thead>
            <tr>
                <th field='tickedid' width="100">车票编号</th>
                <th field='ticketnum' width="100">余票</th>             
                <th field='origin' width="100">初始站</th>
                <th field='destination' width="100">终点站</th>
                <th field='price' width="100" align="right">价格</th>
                <th field='trainno' width="100">列车编号</th>
            </tr>
        </thead>
    </table>
   
    
    <div id="dg">
        <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveUser()" style="width:90px">Save</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancel</a>
    </div>
    
</body>
</html>